<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;批量生成</a>
                <el-date-picker
                        v-model="searchDate"
                        type="daterange"
                        align="right"
                        unlink-panels
                        format="yyyy-MM-dd"
                        range-separator="至"
                        start-placeholder="yyyy-MM-dd"
                        end-placeholder="yyyy-MM-dd"
                        :picker-options="pickerOptions2">
                </el-date-picker>
            <el-select v-model="isUsed" placeholder="请选择">
                <el-option
                        v-for="item in options"
                        :key="item.id"
                        :label="item.value"
                        :value="item.id">
                </el-option>
            </el-select>
            <a class="btn btn-default" @click="query">&nbsp;搜索</a>
			<!--<#if shiro.hasPermission("vipcard:vipcard:save")>-->
            <!--<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>-->
			<!--</#if>-->
			<!--<#if shiro.hasPermission("vipcard:vipcard:update")>-->
            <!--<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>-->
			<!--</#if>-->
			<!--<#if shiro.hasPermission("vipcard:vipcard:delete")>-->
            <!--<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>-->
			<!--</#if>-->
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
					<div class="form-group">
                        <div class="col-sm-2 control-label">生成数量</div>
                        <div class="col-sm-10">
                            <input type="number" class="form-control" v-model="number" placeholder=""/>
                        </div>
                    </div>
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">0未使用，1已使用</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.isUsed" placeholder="0未使用，1已使用"/>-->
                        <!--</div>-->
                    <!--</div>-->
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"></div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.userId" placeholder=""/>-->
                        <!--</div>-->
                    <!--</div>-->
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"></div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.username" placeholder=""/>-->
                        <!--</div>-->
                    <!--</div>-->
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"></div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.createDate" placeholder=""/>-->
                        <!--</div>-->
                    <!--</div>-->
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"></div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.useDate" placeholder=""/>-->
                        <!--</div>-->
                    <!--</div>-->
					<!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"></div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="vipCard.mobile" placeholder=""/>-->
                        <!--</div>-->
                    <!--</div>-->
				<!--<div class="form-group">-->
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/vipcard/vipcard.js?_${.now?long}"></script>
</body>
</html>